<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<link href="GangnamStyle.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.8.1.min.js"></script>
<title>Lobby</title>
<script>
$(document).ready(function(){
	$('#Table1').click(function() {
			//$.getJSON('http://localhost:8080/RouletteKut/table/1', function(data) {
			//	alert(" fff");
 				$('#TableInfo').html("sup?<br/>");
 			//});
	});
	$('#Table2').click(function() {
		//$.getJSON('http://localhost:8080/RouletteKut/table/1', function(data) {
		//	alert(" fff");
				$('#TableInfo').html("sup?<br/>");
			//});
});
	$('#Table3').click(function() {
		//$.getJSON('http://localhost:8080/RouletteKut/table/1', function(data) {
		//	alert(" fff");
				$('#TableInfo').html("sup?<br/>");
			//});
});
	$('#Table4').click(function() {
		//$.getJSON('http://localhost:8080/RouletteKut/table/1', function(data) {
		//	alert(" fff");
				$('#TableInfo').html("sup?<br/>");
			//});
});
	$('#Table5').click(function() {
		//$.getJSON('http://localhost:8080/RouletteKut/table/1', function(data) {
		//	alert(" fff");
				$('#TableInfo').html("sup?<br/>");
			//});
});
	$('#Table6').click(function() {
		//$.getJSON('http://localhost:8080/RouletteKut/table/1', function(data) {
		//	alert(" fff");
				$('#TableInfo').html("sup?<br/>");
			//});
});
});
</script>
</head>
<body id="body">

	<header>
	<div>Lobby</div>
	</header>

	<div id="body1">
		<div id="TableInfo">
			Info like a boss
		</div>
		<div id="Table1">
			Table 1
		</div>
		<div id="Table2">
			Table 2
		</div>
		<div id="Table3">
			Table 3
		</div>
		<div id="Table4">
			Table 4
		</div>
		<div id="Table5">
			Table 5
		</div>
		<div id="Table6">
			Table 6
		</div>
	</div>



</body>
</html>